.app-font-6 {
  font-size: 6px;
}

.app-font-8 {
  font-size: 8px !important;
}

.app-font-10 {
  font-size: 10px !important;
}

.app-font-12 {
  font-size: 12px !important;
}

.app-font-14 {
  font-size: 14px !important;
}

.app-font-16 {
  font-size: 16px !important;
}

.app-font-18 {
  font-size: 18px !important;
}

.app-font-20 {
  font-size: 20px !important;
}

.app-font-22 {
  font-size: 22px !important;
}

.app-font-24 {
  font-size: 24px !important;
}

.app-font-28 {
  font-size: 28px !important;
}

.app-font-32 {
  font-size: 32px !important;
}

.app-font-36 {
  font-size: 36px !important;
}

.app-font-40 {
  font-size: 40px !important;
}

.app-font-44 {
  font-size: 44px !important;
}

.app-font-48 {
  font-size: 48px !important;
}

.app-font-56 {
  font-size: 56px !important;
}

.app-font-64 {
  font-size: 64px !important;
}

.app-font-72 {
  font-size: 72px !important;
}

/* 12px */

.fs-12px-em {
  font-size: 0.75em !important;
}

/* 14px */

.fs-14px-em {
  font-size: 0.85em !important;
}

/* 16px */

.fs-16px-em {
  font-size: 1em !important;
}

/* 18px */

.fs-18px-em {
  font-size: 1.125em !important;
}

/* 20px */

.fs-20px-em {
  font-size: 1.25em !important;
}

/* 22px */

.fs-22px-em {
  font-size: 1.375em !important;
}

/* 24px */

.fs-24px-em {
  font-size: 1.5em !important;
}

/* 25px */

.fs-25px-em {
  font-size: 1.5625em !important;
}

/* 26px */

.fs-26px-em {
  font-size: 1.625em !important;
}

/* 28px */

.fs-28px-em {
  font-size: 1.75em !important;
}

/* 30px */

.fs-30px-em {
  font-size: 1.875em !important;
}

/* 32px */

.fs-32px-em {
  font-size: 2em !important;
}

/* 36px */

.fs-36px-em {
  font-size: 2.25em !important;
}

/* 42px */

.fs-42px-em {
  font-size: 2.625em !important;
}

/* 48px */

.fs-48px-em {
  font-size: 3em !important;
}

/* 56px */

.fs-56px-em {
  font-size: 3.5em !important;
}

/* 64px */

.fs-64px-em {
  font-size: 4em !important;
}

/* 72px */

.fs-72px-em {
  font-size: 4.5em !important;
}


/* replace paratactic spaces to one space and allow break */

.app-text-fix {
  white-space: pre-line !important;
  word-break: break-all !important;
}

.app-text-indent-24px {
  text-indent: 24px !important;
}

.app-text-indent-28px {
  text-indent: 28px !important;
}

.app-text-indent-32px {
  text-indent: 32px !important;
}

.app-text-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.app-word-keep-all {
  word-break: keep-all !important;
}

.app-word-break-all {
  word-break: break-all !important;
}

.app-word-pre-line {
  white-space: pre-line !important;
}

.app-word-pre-wrap {
  white-space: pre-wrap !important;
}

.app-word-nowrap {
  white-space: nowrap;
}

.app-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
}

.app-ellipsis-2-lines {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.app-ellipsis-3-lines {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.app-ellipsis-4-lines {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.app-ellipsis-5-lines {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.app-line-height-100 {
  line-height: 100% !important;
}

.app-line-height-120 {
  line-height: 120% !important;
}

.app-line-height-150 {
  line-height: 150% !important;
}

.app-line-height-180 {
  line-height: 180% !important;
}

.app-line-height-200 {
  line-height: 200% !important;
}

.font-weight-bold {
  font-weight: 700;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}